@media (min-width: 0px) and (max-width: 1080px) { 
    
    .container-fluid {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .nocontainer-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .ib1{
        height:260px;
        
    }
    .bb1{
        width:210px;
    }
    .bb2{
        position: absolute;top: 200px;left: 10%;right: 10%;height: 100px;
    }
    .top_card{
        padding:3%;
        height:270px;
        width: 100%;
    }

    .top_card .it1{
        margin-top: 5%;
        width:30px;
    }
    .top_card .it2{
        width: 100px;
        height: 20px;
    }
    .top_card .top_title{
        font-size: 12px !important;
        line-height:20px;
        margin-top: 20px;
        padding:0px;
    }
    #section-four-features{
        margin-bottom: 30px !important;
    }
    .if1{
        height:100px;
    }
    

/* 
    #section-four-features div {
        width: 80% !important;
        margin-top: 10px !important;
        text-align: center;
        font-size: 12px !important;
        font-family: ArialMT;
        color: grey;
        line-height: 17px !important;
        letter-spacing: 1px;
    } */
    .ff1{
        width: 160px;
        left: 0;position: absolute;
    }

    .round{
        width: 360px;
        height: 360px;
        position: absolute;
        left: -180px;
        top: -10px;
        border: 13px solid rgba(220, 220, 220, 0.1);
        border-radius: 50%;
        clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, 0% 0%);
    }
    .round3{
        width: 420px;
        height: 420px;
        position: absolute;
        top: -40px;
        left: -210px;
        border: 2px solid rgba(200, 200, 200, 0.1);
        border-radius: 50%;
        clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, -10% 0%);
    }
    .round2{
        width: 450px;
        height: 450px;
        top: -55px;
        left: -225px;
        position: absolute;
        border-radius: 720px;
        clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, 0% 0%);
        -webkit-animation: rotate 20s linear infinite;
                animation: rotate 20s linear infinite
      
    }
    .round2 ul,li{
        margin: 0;
        text-align: center;
        list-style-type: none;
        padding: 0;
    }
    .round2 img{
        width:20px !important;
        height:20px !important;
    }

    .round2 ul{
        width: 450px;
        height: 450px;
        padding: 10px;
        position: relative;
    }
    .round2 li{
        position: absolute;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        left: 50%;

    }
    .round2 li:nth-of-type(2){
        transform: rotate(45deg);
        transform-origin:0px 220px;
    }
    
    .round2 li:nth-of-type(3){
        transform: rotate(90deg);
        transform-origin:0px 220px;
    }
    .round2 li:nth-of-type(4){
        transform: rotate(135deg);
        transform-origin:0px 220px;
    }
    .round2 li:nth-of-type(5){
        transform: rotate(180deg);
        transform-origin:0px 220px;
    }
    .round2 li:nth-of-type(6){
        transform: rotate(225deg);
        transform-origin:0px 220px;
    }
    .round2 li:nth-of-type(7){
        transform: rotate(270deg);
        transform-origin:0px 220px;
    }
    .round2 li:nth-of-type(8){
        transform: rotate(315deg);
        transform-origin:0px 220px;
    }

    .f_item1{
        left: 50%;
        position: absolute;
        top: -20%;
    }
    .f_item2{
        left: 65%;
        position: absolute;
        top: 25%;
    }
    .f_item3{
        left: 45%;
        position: absolute;
        top: 60%;
    }
    .f_item4{
        left: 50%;
        position: absolute;
        top: 65%;
    }
    .section-five-features{
        margin-top: 100px;
        height:450px;
    }
    
    .f_img{
        width: 35px;
        height: 40px;
    }
    .f_title{
        margin: 8px 0px;
        font-size: 14px !important;
        font-family: Fontquan-XinYilogoTi-Regular;
        color: #FFFFFF;
    }
    .content{
        display:none;
        font-size: 12px;
        font-family: PingFangTC-Regular, PingFangTC;
        color: #C0C0C0;
        line-height: 13px;
        max-height:26px;
        min-height:26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
       /*!autoprefixer:off*/
        -webkit-box-orient: vertical;
        /*autoprefixer:on*/
    }
    .f_button{
        width: 100px;
        height: 25px;
        margin-top: 10px;
        text-align: center;
        font-size: 13px;
        border-radius: 3px;
        font-family: Fontquan-XinYilogoTi-Regular, Fontquan-XinYilogoTi;
        font-weight: 400;
        color: #FFFFFF;
        cursor: pointer;
        line-height: 25px;
        border: 1px solid #666;
    }
/* 
    #section-four-features img{
        height:70px;
    }

    #section-four-features div{
        font-size:12px;
    } */

    .ifo1{
        margin: auto;
        max-width: 80%;
        margin-top:80px;
        font-size: 12px !important;
        line-height: 14px !important;
        text-align: center;
        font-family: ArialMT;
        color: grey;
        letter-spacing: 1px;
    
    }

    .if2{
        transform:rotate(90deg)   ;
        -ms-transform:rotate(90deg); 	/* IE 9 */
        -moz-transform:rotate(90deg); 	/* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
        -o-transform:rotate(90deg); 
     

    }
    .if2 img:nth-of-type(1){
        height: 60px !important;
        width: 300px !important;
        margin-left: 18px;
    }
    


    #section-four-features2 .f_ab{
        margin: auto 10%;
        border: 1px solid #ddd;
        text-align: center;
        font-size: 24px;
        font-family: ArialMT;
        color: grey;
        line-height: 28px;
        letter-spacing: 1px;
        height: 200px;border: 0px solid #ccc;display: flex;margin-top: 60px;

    }

    .ifo1{
        margin: auto;
        text-align: center;
        max-width: 80%;
        margin-top: 50px;
        font-size: 24px;
        font-family: ArialMT;
        color: grey;
        line-height: 28px;
        letter-spacing: 1px;
    
    }
    .d1{
        font-size: 20px;
        font-family: Fontquan-XinYilogoTi-Regular, Fontquan-XinYilogoTi;
        font-weight: 400;
        color: #FF4997;
        line-height: 22px;
    }
    .d2{
        font-size: 12px;
        font-family: ArialMT;
        color: #FFFFFF;
        width: 160px;
        line-height: 14px;
    }
    .f_bb{
        width: 100%;height: 60px;position: absolute;text-align: center;margin-top: 80px;
    }
    .f_cc{
        width: 100%;height: 60px;position: relative;text-align: center;margin-top: 80px;
    }
    .dd0{
        position: absolute;top: -100px;left: 0%;text-align: left;
    }
    .dd1{
        position: absolute;top: -40px;right: 6%;text-align: left;
    }
    .dd2{
        position: absolute;top: 10px;left: 0%;text-align: left;
    }
    .dd3{
        position: absolute;top: 80px;right: 10%;text-align: left;
        overflow: hidden;
        height:200px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .liquidity div{
        margin-top: 10px;
    }

    .liquidity{
        margin-top:30px
    }

    .liquidity_img{
        width: 80%;height:100px;
        position: absolute;top: 300px;margin: auto;left: 10%;z-index: -1;
    }
    .container-title{
        display: flex;
        width: 100%;
        text-align: justify;
        justify-content:space-between;
        /*侧轴居中对齐*/    
    }
    
    .mahadao-logo img{
        width: 100%;
        margin: auto;
    }

    .ob1{
        height:400px !important;
    }

    .ob11{
        width: 80%;
        margin-top: 50px;
        font-size: 20px;
        font-family: Fontquan-XinYilogoTi;
        font-weight: 400;
        color: #FFFFFF;
        opacity: 1;
            
    }
    .ob22{
        line-height: 15px;margin-left: 10px; font-size: 12px;
                color: #A7A1C7;
    }
    .title-down-text img{
        width: 10px!important;
        height: 10px!important;
        margin-top: 2px!important;
    }
    .text-slide-right{
        font-size:14px !important;
    }
    .title-down-text{
        margin: 12px 0 !important;
    }
    #section-title{
        height:300px!important;
    }

    #section-four-features div:nth-of-type(3){margin-top: 20px!important;}
    .ddd{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .od1{
        height: 10px!important;
    }
    .od2{
        height: 0px!important;
    }

    .section-form .row{
        margin-left: 1%!important;
    }
    .section-form input{
        width: 46% !important;
        margin:0 1%;
        margin-bottom: 10px;
        height: 50px !important;
        font-size: 14px !important;
        background: rgba(216, 216, 216, 0.13);
        border: 1px solid #FE3EFF;
        opacity: 1;
        padding: 10px;
        border-radius: 6px;
        color: #A7A1C7;
    }

    .section-form button{
        background-image: url('./../web/bg1.png');
        background-size: 100%;
        width: 140px !important;
        height: 40px!important;
        opacity: 1;
        display: flex;
        margin: auto;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
        border-radius: 5px;
    }
    .section-form button span{
        background-image: url('./../web/arrow.png');
        background-size: 100%;
        width: 15px!important;
        height: 15px!important;
        margin-left: 5px;
        text-align: center;
        display: inline-block;
    }
    .od3{
        height: 00px !important;
    }
    .section-three-features{
        margin-top: 0px !important;
    }
    .noPadding{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .ti2{
        display: none!important;
        width: 40px;;
        height:40px;
    }
    .t_card img:nth-child(1){
        width: 20px !important;
        height: 20px!important;
        margin-left: 0px;
    }

    .t_card div{
        height: 30px!important;
        text-align: left;
        font-size: 14px !important;
        font-family: PingFang SC;
        font-weight: 800;
        line-height: 15px !important;
        color: #FFFFFF;
        opacity: 1;
    }

    .t_card .top_title{
        padding-top: 10px;
        font-size: 12px !important;
        text-align: left;
        margin-left: 0px!important;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 13px !important;
        color: #A7A1C7!important;
        margin-top:10px!important;
        opacity: 1;
    
    
    }
    .t_card {
        background-image: url('./../web/bac3.png');
        background-size: 100% 100%;
        text-align: center;
        padding: 20px !important;
        height: 200px !important;
        min-width: 80%;
        margin: auto;
        display: block;
    }
    .meme{
        margin-top: 10px!important;
    }

    
    .b_card{
        background-image: url('./../web/bac3.png');
        background-size: 100% 100%;
        text-align: left;
        padding: 20px !important;
        width: 100% !important;
        margin: auto;
        height: 170px !important;
        display: block!important;
        margin-bottom: 10px!important;
    }

    .b_card img:nth-of-type(1){
        float: left;
        height:40px !important;
        width:40px !important;
    }
    .b_card .tt{
        height: 35px !important;
        margin-top: 5px !important;
        font-size: 14px!important;
        font-family: PingFang SC;
        font-weight: 800;
        padding-left: 50px!important;
        line-height: 16px!important;
        color: #FFFFFF;
        opacity: 1;


    }
    .b_card div{
        font-size: 12px!important;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 13px!important;
        color: #A7A1C7;
        opacity: 1;
        margin-top: 20px;

    }
    .boo{
        display: block!important;
    }

    .st1,#store-title{
        height: 380px!important;
    }
    .sf1{
        margin-top: 100px!important;
        font-size: 18px !important;
        line-height: 20px !important;
        height: 20px !important;
    }
    .sf2{
        font-size: 15px !important;
        line-height: 20px !important;
        height: 20px !important;
        margin-top: 5px!important;
    }
    .sf3{
        width: 100px!important;
        margin-top: 10px !important;
        font-size: 12px !important;
        line-height: 20px !important;
        height: 30px !important;
    }
    #second-title,#second-title .row{
        height: 240px!important;
    }
    .bbox{
        text-align: center !important;
        height: 240px !important;
    }
    .bbox img{
        width: 100px!important;
        height: 100px !important;
        margin:0 auto;
    }
    
    #t1{
        text-align: center;
        font-size: 11px !important;
        line-height: 20px !important;
        height: 20px !important;
        margin-top: 5px!important;
    }

    #t2{
        font-size: 12px !important;
        line-height: 12px !important;
        margin-top: 5px!important;
        height: 48px !important;
    }

    #three-title {
        height: 234px !important;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
    }
    .three_title{
        font-size: 18px !important;
        line-height: 12px !important;
        bottom: 20px!important;
    }
    .swiper-slide {
        width: 50% !important;
        background-color: #EDEEF1 !important;
    }
    .xxxxx img{
        margin-top: -20px !important;
    }
    .swiper-slide img{
        width: 100%!important;
    }
    #foive-title{
        height: 200px !important;
    }
    .fo1{
        font-size: 18px !important;
        line-height: 18px !important;
        bottom: 20px!important;
        height: 20px !important;
    }

    .fo2{
        font-size: 14px !important;
        line-height: 14px !important;
    }
    .fi1{
        font-size: 18px !important;
        line-height: 18px !important;
        bottom: 20px!important;
        width: 300px!important;
    }
    #five-title{
        width: 100%!important;
    }
    .sf div{
        display: block !important;
    }

    .sf input:nth-of-type(1){
        width: 98%!important;
        margin: 1% !important;
    }
    .sf input:nth-of-type(2){
        width: 98%!important;
        margin: 1% !important;
    }
    .b20{
        height: 100px !important;
    }
    #b1{
        width: 120px!important;
        font-size:13px!important;
        height:40px!important;
    }

    #three-title .input-group{
        width: 70%!important;
        font-size:13px!important;
        height:60px!important;
        padding-left: 12px;
    }
    #three-title .input-group button {
        width: 80px!important;
        height: 37px!important;
        cursor: pointer;
        margin-left: 26px!important;
        background: linear-gradient(74deg, #49007C, #E70088);
        border-radius: 24px;
        color: white;
        margin-right: 10px!important;
    }

    .ee1,#session{
        height:300px
    }
    #header .title{
        padding-left: 0px!important;
        padding-right: 0px !important;

    }
    .navbar-nav{
        background: #222;
width: 50%;
margin-left: 54%;
margin-top: 0px;
padding: 0px !important;
margin-left: 50%;
    }

    #session .title{
        margin: 0px !important;
        font-size:16px !important;
        height: 20px!important;
    }
    #session div{
        width: 300px!important;
        height: 67px;
        font-size: 13px!important;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 18px!important;
        color: #A7A1C7;
        opacity: 1;
        margin: 40px auto;
    }
    .dcard{
        padding: 20px !important;
        margin-bottom: 10px !important;
    }
    .dcard img{
        width: 36px !important;
        height: 36px!important;
    }
    .dcard .top_title{
        padding-top: 0px !important;
        font-size: 15px !important;
        height: 20px !important;
        font-family: PingFang SC;
        line-height: 20px !important;
    }

    .dcard div {
        margin-top: 10px!important;
        font-size: 13px!important;
        height: 100px!important;
        line-height: 23px!important;
    }

    .dcard button {
        margin-top: 10px !important;
        width: 90px !important;
        height: 27px !important;
        font-size: 13px !important;
        line-height: 27px !important;
    }
    #session2{
        margin-top: 40px !important;
    }
    .ss2{
        width: 80% !important;
        margin: auto ;
        height: 71px !important;
        font-size: 14px !important;
        opacity: 1;
    }
    .bb3{
        margin-top:100px!important;
        width: 200px!important;
        height: 200px !important;;
    }
    .bb31{
        top: 101px!important;
        left: -100px!important;
        width: 100px!important;
    }
    .bb32{
        top: 0px !important;
        left: -50px !important;
        width: 100px !important;
    }
    .bb33{
        top: -10px!important;
        left: 100px!important;
        width: 100px!important;
    }
    .bb34{
        top: 60px!important;
        left: 180px!important;
        width: 100px!important;
    }

    .bb_con{
        margin-top: 5px;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 14px;
        color: #A7A1C7;
        opacity: 1;
}
    .bb_ti{
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 800;
        line-height: 14px;
        color: #FFFFFF;
        opacity: 1;
            
    }
    .eec {
        padding:10px!important;
        height:130px!important;
    }
    .eec img{
        width: 80px!important;
        height: 80px!important;
    }
    .eeitem img{
        width: 10px!important;
        height: 10px!important;
    }

    .top_title {
        font-size: 14px!important;
        line-height: 15px!important;
        padding-top: 0px!important;
        padding-left: 0px!important;
    }
    .asdf{
        margin-left: 20px!important;
        margin-top: 0px!important;
    }
    .eecon{
        margin-top: 5px!important;
        font-size: 12px!important;
        padding-left: 5px!important;
        line-height: 20px!important;
        width: auto!important;
    }
    .card_ppp{
        margin-top: 20px !important;
    }
    .bb85{
        display:none;
        
    }
    .section-form{
        margin-top:20px!important;
    }
    .eee{
        margin-right: 0px!important;
    }
    .eee1{
        font-size:25px !important;
    }
    .eee2{
        display:block!important;
    }
    .eee2 input{
       width: 100%!important;
    }
    .section-form .eee{
        display:block;
    }
    #footer{
        margin-top: 50px!important;
    }
    .f_ab_img{
        display:none!important;
    }
    .dfooter div {
 
        margin-bottom: 10px!important;
    }
    .dfoodter{
        display: flex;
    }
 
}
